<template>
  <div>
    <!-- 注释 -->
    <div>{{ $t('message') }}</div>
    <el-button @click="changeLang('zh')">{{ $t('home.xxx') }}</el-button>
    <el-button @click="changeLang('en')">{{ $t('home.ooo') }}</el-button>
    <el-button @click="exit">退出</el-button>
    <div style="background: red">
      <lang />
    </div>
    <el-date-picker type="date" placeholder="选择日期" />
    <el-calendar />
  </div>
</template>
<script>
export default {
  methods: {
    changeLang(code) {
      this.$i18n.locale = code
    },
    async exit() {
      await this.$confirm(this.$t('home.exitTitle'))
    }
  }
}
</script>
<style></style>
